<h3 xmlns="http://www.w3.org/1999/html">Lista artikala</h3>
<button class="btn btn-success" ng-click="izmeniArtikal('novi')" data-toggle="modal" href="#editModal">
    <i class="icon-calendar icon-white"></i>&nbsp;Kreiraj novi artikal</button>
<table class='table table-striped'>
    <thead>
    <tr>
        <th>Artikal</th>
        <th>&nbsp;</th>
        <th>&nbsp;</th>
        <th>&nbsp;</th>
    </tr>
    </thead>
    <tbody>
    <tr style="height: 45px;"><td><b>Naziv</b></td><td><b>Ambalaža</b></td><td><b>Rok trajanja</b></td><td><b>Zalihe</b></td><td><b>Cena</b></td><td><b>Distributer</b></td><td><b>Kategorija</b></td><td><b></b></td></tr>
    <tr ng-repeat='artikal in artikli'>
        <td>{{artikal.nazivArtikla}}</td>
        <td>{{artikal.ambalaza}}</td>
        <td>{{artikal.rokTrajanja}}</td>
        <td>{{artikal.stanjeNaZalihama}}</td>
        <td>{{artikal.cena}}</td>
        <td>{{artikal.distributerID}}</td>
        <td>{{artikal.nazivKategorije}}</td>
        <td><button role='button' class='btn btn-warning' ng-click="izmeniArtikal(artikal);" data-toggle="modal" href="#editModal">Izmeni</button></td>
    </tr>
    </tbody>
</table>
<div class="modal fade"  tabindex="-1" role="dialog" ng-include="'view/artikal-detalji.html'" id="editModal" aria-hidden="true"></div>
</div>